<template>
	<view class="banner">
		<view class="userPhoto">
			<image src="../../static/user-photo.jpg" mode=""></image>
		</view>
		<view class="name">
			<text>xiao hua</text>
		</view>
		<view class="email">
			<text>1256877572@qq.com</text>
		</view>
	</view>
	<view class="tab">
		<my-tab></my-tab>
	</view>
	<view class="menu">
		<my-menu></my-menu>
	</view>
</template>

<script setup>
	import myTab from '../../components/myTab/myTab.vue';
	import myMenu from '../../components/myMenu/myMenu.vue';
</script>

<style lang="less" scoped>
	.banner{
		width: 100%;
		height: 260px;
		overflow: hidden;
		background-image: url('../../static/Frame 18.png');
		
		.userPhoto{
			width: 80px;
			height: 80px;
			border-radius: 50%;
			border: 2px solid white;
			margin: 0 auto;
			margin-top: 60px;
			
			image{
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
		}
		
		.name{
			text-align: center;
			font-size: 20px;
			font-weight: 700;
			margin-top: 6px;
			color: white;
		}
		
		.email{
			text-align: center;
			font-size: 12px;
			margin-top: 4px;
			color: white;
		}
	}
	

</style>
